﻿@model Planisoft.Entities.Trabajador

@{
    ViewBag.Title = "Create";
}

@section js{
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
    <script type="text/javascript">
    
    /* *********************** Este es para la provincia *****************************************/
        $(function () {
            $("#idUbiDpto").change(function () {
                LoadProvincias($("#idUbiDpto").val());
            });

            function LoadProvincias(id) {
                var dd = document.getElementById("IdUbiProv");
                dd.options.length = 0;
                dd.options[0] = new Option("Espere...");
                dd.selectedIndex = 0;
                dd.disabled = true;

                // Control de errores

                $("#IdUbiProv").ajaxError(function (event, request, settings) {
                    dd.options[0] = new Option("Selecciona una Provincia");
                });

                // Obtenemos los datos...

                $.getJSON(
                    '@Url.Action("../Ubigeo/getServiceProvinciasByIdDepJSON")', // URL a la acción
                    {id: id },                  // Objeto JSON con parámetros
                    function (data) {                    // Función de retorno exitoso
                        $.each(data, function (i, item) {
                            dd.options[i] = new Option(item.label, item.value);
                        });
                        dd.disabled = false;
                    });
            }
        });

          /**************este es para los distritos*********/

        $(function () {
            $("#IdUbiProv").change(function () {
                //alert('Cambiaste el combo = ' + $("#IdUbigeoProvincia").val());
                LoadDistritos($("#IdUbiProv").val());
            });

            function LoadDistritos(id) {
                var dd = document.getElementById("IdUbiDtto");
                dd.options.length = 0;
                dd.options[0] = new Option("Espere...");
                dd.selectedIndex = 0;
                dd.disabled = true;

                // Control de errores

                $("#IdUbiDtto").ajaxError(function (event, request, settings) {
                    dd.options[0] = new Option("Selecciona una Provincia");
                });

                // Obtenemos los datos...

                $.getJSON(
                    '@Url.Action("../Ubigeo/getServiceDistritoByIdProvJSON")', // URL a la acción
                    {id: id },                  // Objeto JSON con parámetros
                    function (data) {                    // Función de retorno exitoso
                        $.each(data, function (i, item) {
                            dd.options[i] = new Option(item.label, item.value);
                        });
                        dd.disabled = false;
                    });
            }
        });

  </script>
}



@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)
    
    <fieldset>
        <legend>Trabajador</legend>
        @if (ViewData["error"] != null )
        {
            <h1>@ViewData["error"] </h1>
        }
    <!-- Documento Identidad -->
        <fieldset class="informfieldset"><legend>Documento de Identidad </legend>     
            <div class="editor-label">
                @Html.Label("Tipo Documento")
            </div>
            <div class="editor-field">            
                @Html.DropDownList("IdTipoDocumento")
                @Html.ValidationMessageFor(model => model.IdTipoDocumento)
            </div>
            <div class="editor-label">
            @Html.LabelFor(model => model.NroDoc)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.NroDoc)
                @Html.ValidationMessageFor(model => model.NroDoc)
            </div>
        </fieldset>
    <!---->    
        <br />
        <div class="editor-label"> 
            @Html.Label("Nivel Educativo")
        </div>
        
        <div class="editor-field">
            @Html.DropDownList("IdNivelEducativo")
            @Html.ValidationMessageFor(model => model.IdNivelEducativo)
        </div>

        <div class="editor-label">
            @Html.Label("Nacionalidad")
        </div>
        <div class="editor-field">
            @Html.DropDownList("IdNacionalidad")
            @Html.ValidationMessageFor(model => model.IdNacionalidad)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.ApPaterno)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.ApPaterno)
            @Html.ValidationMessageFor(model => model.ApPaterno)
        </div>

        <!-- Ubigeo-->
        <fieldset class="informfieldset"> <legend> Ubigeo/Direccion </legend>
            <div class="editor-label">
                @Html.Label("Departamento")
            </div>
            <div class="editor-field">
                @Html.DropDownList("idUbiDpto")
                @Html.ValidationMessageFor(model => model.idUbiDpto)
            </div>

            <div class="editor-label">
                @Html.Label("Provincia")
            </div>
            <div class="editor-field">
                @Html.DropDownList("IdUbiProv")
                @Html.ValidationMessageFor(model => model.IdUbiProv)
            </div>

            <div class="editor-label">
                @Html.Label("Distrito")
            </div>
            <div class="editor-field">
                @Html.DropDownList("IdUbiDtto")
                @Html.ValidationMessageFor(model => model.IdUbiDtto)
            </div>

            <div class="editor-label">
                @Html.Label("Zona")
            </div>
            <div class="editor-field">
                @Html.DropDownList("IdZona")
                @Html.ValidationMessageFor(model => model.IdZona)
            </div>

            <div class="editor-label">
                @Html.Label("Via")
            </div>
            <div class="editor-field">
                @Html.DropDownList("IdVia")
                @Html.ValidationMessageFor(model => model.IdVia)
            </div>

        </fieldset>
        
        <div class="editor-label">
            @Html.LabelFor(model => model.ApMaterno)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.ApMaterno)
            @Html.ValidationMessageFor(model => model.ApMaterno)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Nombre)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Nombre)
            @Html.ValidationMessageFor(model => model.Nombre)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.FechNacimiento)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.FechNacimiento)
            @Html.ValidationMessageFor(model => model.FechNacimiento)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Telefono)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Telefono)
            @Html.ValidationMessageFor(model => model.Telefono)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Correo)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Correo)
            @Html.ValidationMessageFor(model => model.Correo)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Sexo)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Sexo)
            @Html.ValidationMessageFor(model => model.Sexo)
        </div>

        <div class="editor-label">
            @Html.Label("Ocupacion")
        </div>

        <div class="editor-field">
            @Html.DropDownList("IdOcupacion"," ")
            @Html.ValidationMessageFor(model => model.IdOcupacion,"Valor no valido")
        </div>
        

        <p>
            <input type="submit" value="Create" />
            
        </p>
    </fieldset>
}

<div>
    
    @Html.ActionLink("Back to List", "trabajador")
</div>
